<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Pseudo-Class: Active - Cascading Style Sheet Syntax</TITLE>
     <link rel="stylesheet" type="text/css" href="../../../ss/2.css" id="thecss">
     <script type="text/javascript" src="../../../scripts/csschange.js"></script>
</HEAD>

<BODY onload="readSS()">

<br>
<center>
<table border=3 cellpadding=5 cellspacing=0>
<tr>
    <td rowspan=2><h1 class="pagetitle">Pseudo-class:<br>active</h1>
    <b><a href="../../../misc/suppkey.htm">Support Key:</a></b>
    [<b><i class="fs">CSS1</i></b>|<b class="s">CSS2</b>|<b class="s">CSS2.1</b>] 
    [<b><i class="fs">IE4</i></b>|<b class="s">N6</b>|<b class="s">O5</b>|<b class="s">S1</b>]<br></td>
    <td align=center><b class="alert">Other State-Dependent<br>Pseudo-Classes</b><br></td>
</tr>
<tr>
    <td align=center><a href="pclasslink.htm">link</a><br>
    <a href="pclassvisited.htm">visited</a><br>
    <a href="pclasshover.htm">hover</a><br>
    <a href="pclassfocus.htm">focus</a><br></td>
</tr>
<tr><td align=center colspan=3>
<font size=2>= <span class="sitetitle">Index DOT Css</span> by <a 
href="../../../misc/email.htm">Brian Wilson</a> =</font><br>
</td></tr>
</table>
</center>

<div align="center">
<font size=2><a href="../../index.html">Main Index</a> |
<a href="../../propindex/font.htm">Property Index</a> |
<a href="../../supportkey/syntax.htm">CSS Support History</a> |
<a href="../../../history/browsers.htm">Browser History</a></font>
</div>
<hr size=1 align="center" width="25%">

<br><br>
<table border=1 cellspacing=0 cellpadding=5>
<tr><td>
<table border=0 cellspacing=0>
<tr>
    <th colspan=2 valign=bottom class="field"><big><u><b
        class="colheaders">&#160;&#160;&#160;Quick Statistics&#160;&#160;&#160;</b></u></big><br></th>
</tr>
<tr><th align=left><b class="l3heading">Applicable Elements: </b><br></th>
    <td>Not defined</td></tr>
<tr><th align=left><b class="l3heading">HTML Equivalent: </b><br></th>
    <td>&lt;<b class="tagname">body</b>
        <span class="tagattrib">ALINK</span>=&quot;#RRGGBB&quot;&gt;</td></tr>
</table>
</td></tr>
</table>

<dl>
<dt><big><b class="mainheading">What is it?</b></big>
    <dd>The Active Pseudo-class occurs when the current element box is being
        activated by the user (such as between the press and release of a
        pointing device selector, eg: a mouse button.)</dd>
</dl>

<dl>
<dt><big><b class="mainheading">Example</b></big>
    <dd><div class="example">Ext/Doc: <b class="selector">a:active</b>
        { <span class="property">color:</span> green }</div>
    <dd><div class="example">In-Line:&#160; NA</div>
</dl>

<big><b class="mainheading">Notes</b></big>
<ul>
    <li>In CSS1 this Pseudo-class only applied to hyperlinks, and was one of three
        exclusive states for the element (the other two being :link and :visited) but
        in CSS2 the behavior has been broadened to include any element, and the
        :active state may occur at the same time as the :link and :visited states.
</ul>

<big><b class="mainheading">Browser Peculiarities</b></big>
<ul>
    <li><b class="alert">Internet Explorer</b>
        <dl>
            <dd><b class="alert2">4.0+:</b>
            <dd>- This Pseudo-class currently only applies to hyperlinks.
                The "active" state is achieved by activating the hyperlink
                or giving the hyperlink focus (eg: by tabbing.)
            <dd><b class="alert2">4.x (Macintosh only):</b>
            <dd>- The Mac version of 4.x does not appear to apply properties
                (such as 'color') to borders on images that are embedded in
                hyperlinks. I have only been able to briefly test this in IE
                4.5, so it may be a more pervasive a problem than this.
        </dl>
    <li><b class="alert">Netscape</b>
        <dl>
            <dd><b class="alert2">6.x:</b>
            <dd>- This pseudo-class applies to all block and inline elements (including A),
                and INPUT types, SELECT and TEXTAREA.
            <dd>- It behaves a little strangely for TEXTAREA, and INPUT TYPE=
                PASSWORD/TEXT fields, as well as some block elements like TABLE -
                The "active" clicked state only exists when the mouse is activated
                right on the rendered boundary of the element. When the pointer
                is inside the magic region, it is not considered an "active"
                area to click.
        </dl>
    <li><b class="alert">Opera</b>
        <dl>
            <dd><b class="alert2">5.0+:</b>
            <dd>- This Pseudo-class currently only applies to hyperlinks.
        </dl>
</ul>

<br><br>
<a href="../../../misc/copyright.htm">Boring Copyright Stuff....</a>
<br>

</BODY>
</HTML>